<script setup lang="ts">
import { ref, reactive } from 'vue'
const input1 = ref('')
const input2 = ref('')
</script>

<template>
  <div style="width: 600px">
    <p class="tip">当前没有可用Token</p>
    <p class="title">生成新Token</p>
    <el-form ref="formRef" label-width="auto">
      <el-form-item label="Token备注：">
        <el-input v-model="input1" />
      </el-form-item>
      <el-form-item label="Callback URL（可选）：">
        <el-input v-model="input2">
          <template #prepend>http://</template>
        </el-input>
      </el-form-item>
    </el-form>
    <div style="text-align: center">
      <el-button type="primary">生成</el-button>
    </div>
  </div>
</template>

<style scoped>
.tip {
  font-size: 0.9rem;
  color: #666;
  margin-bottom: 10px;
}

.title {
  font-weight: bold;
  font-size: 1.2rem;
  text-align: center;
  margin-bottom: 20px;
}
</style>
